<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>17-location常见的方法</title>
</head>

<body>
  <button>
    点击跳转（可以回退）
  </button>
  <button>
    点击跳转（无法回退）
  </button>
  <button>
    点击刷新
  </button>
  <script>
    var btn = document.querySelectorAll('button');
    btn[0].addEventListener('click', function() {
      // 1. 记录浏览历史，所以可以实现浏览器回退功能
      location.assign('http://www.baidu.com');
    })

    btn[1].addEventListener('click', function() {
      // 2. 不记录浏览历史，不可以实现浏览器回退功能
      location.replace('http://www.baidu.com');
    })

    btn[2].addEventListener('click', function() {
      // 1. 刷新
      location.reload();
      // 2. 强制刷新
      location.reload(true);
    })
  </script>
</body>

</html>